    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <style>
        div{
            text-align: center;
        }
     #sle1,#sle2{
         height: 300px;
         width: 200px;
         background-color: #7AB800;

     }
        #sle1 option,#sle2 option{
            font-family: FangSong;
            font-size: 18px;
            font-weight: 600;
        }
    </style>
    <body>
    <div>
        <select name="A" id="sle1" size="10" multiple>
            <option value="">梅西</option>
            <option value="">C罗</option>
            <option value="">内马尔</option>
            <option value="">德布劳内</option>
            <option value="">萨内</option>
        </select>

        <input type="button" value=">>>">
        <input type="button" value=">">
        <input type="button" value="<">
        <input type="button" value="<<<">

        <select name="A" id="sle2" size="10" multiple>

        </select>
        <script>
            var btn=document.getElementsByTagName("input");
            var sle1=document.getElementById("sle1");
            var sle2=document.getElementById("sle2");
            console.log(btn);
            btn[0].onclick=function () {
                var optArr=sle1.children;
                for(var i=optArr.length;i>0;i--){
                    sle2.appendChild(optArr[0]);
                }
            }

            btn[1].onclick=function () {
                var optArr=sle1.children;
                for(var i=optArr.length-1;i>=0;i--){
                    if (optArr[i].selected===true){
                        sle2.appendChild(optArr[i]);
                    }

                }
                console.log(optArr);
            }
            btn[2].onclick=function () {
                var optArr=sle2.children;
                for(var i=optArr.length-1;i>=0;i--){
                    if (optArr[i].selected===true){
                        sle1.appendChild(optArr[i]);
                    }

                }
                console.log(optArr);
            }
            console.log(btn[1]);

            btn[3].onclick=function () {
                var optArr=sle2.children;
                for(var i=optArr.length;i>0;i--){
                    sle1.appendChild(optArr[0]);
                }
            }

        </script>
    </div>
    </body>
    </html>